<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>JS 函数的变量作用域</h1>
    <hr>

    <script>
        function demo() {
            // 局部变量
            var J = '四胖';
            console.log('在函数内部 使用局部变量: ' + J);
        }
        demo();
        // console.log('在函数外部 使用局部变量: ' + J); // NO

        var Q = '奥九马';
        console.log('在函数外部 使用全局变量: ' + Q);

        function test() {
            console.log('在函数内部 使用全局变量: ' + Q);
        }
        test();

        function haha() {
            K = '浦东';
        }

        haha();
        console.log('在函数外部 使用函数内部定义的 全局变量: ' + K);


        // 作用域链
        var a = '全局的a';
        function fun1() {
            console.log('a: ', a);
        }
        // fun1();
        function fun2() {
            var a = '局部的a';
            fun1();
        }
        fun2();
    
    </script>
</body>
</html>